<template>
    <div>
        <div style="height: 35px;">
            <span>机构名称:  <span class="title"> {{ groupName }}</span></span>
        </div>
        <div class="table-page">
            <div class="table-data-box">
                <el-table
                    ref="table"
                    v-loading="tableLoading"
                    :data="tableData"
                    border
                    style="width: 100%;min-height:40em"
                    row-key="id"
                >
                    <el-table-column
                        prop="key"
                        label="时间"
                    ></el-table-column>
                    <el-table-column
                        label="访问量"
                    >
                        <el-table-column
                            prop="accessNum"
                            label="真实数据"
                        ></el-table-column>
                        <el-table-column
                            prop="accessTmpNum"
                            label="设置数据"
                        ></el-table-column>
                        <el-table-column
                            label="合计"
                        >
                            <template slot-scope="scope">
                                {{ scope.row.accessNum + scope.row.accessTmpNum }}
                            </template>
                        </el-table-column>
                    </el-table-column>
                    <el-table-column
                        label="试卷使用量"
                    >
                        <el-table-column
                            prop="paperNum"
                            label="真实数据"
                        ></el-table-column>
                        <el-table-column
                            prop="paperTmpNum"
                            label="设置数据"
                        ></el-table-column>
                        <el-table-column
                            label="合计"
                        >
                            <template slot-scope="scope">
                                {{ scope.row.paperNum + scope.row.paperTmpNum }}
                            </template>
                        </el-table-column>
                    </el-table-column>
                    <el-table-column
                        label="试题使用量"
                    >
                        <el-table-column
                            prop="questionNum"
                            label="真实数据"
                        ></el-table-column>
                        <el-table-column
                            prop="questionTmpNum"
                            label="设置数据"
                        ></el-table-column>
                        <el-table-column
                            label="合计"
                        >
                            <template slot-scope="scope">
                                {{ scope.row.questionNum + scope.row.questionTmpNum }}
                            </template>
                        </el-table-column>
                    </el-table-column>
                    <el-table-column
                        label="下载量"
                    >
                        <el-table-column
                            prop="downloadNum"
                            label="真实数据"
                        ></el-table-column>
                        <el-table-column
                            prop="downloadTmpNum"
                            label="设置数据"
                        ></el-table-column>
                        <el-table-column
                            label="合计"
                        >
                            <template slot-scope="scope">
                                {{ scope.row.downloadNum + scope.row.downloadTmpNum }}
                            </template>
                        </el-table-column>
                    </el-table-column>
                    <el-table-column
                        label="使用人次"
                    >
                        <el-table-column
                            prop="useNum"
                            label="真实数据"
                        ></el-table-column>
                        <el-table-column
                            prop="useTmpNum"
                            label="设置数据"
                        ></el-table-column>
                        <el-table-column
                            label="合计"
                        >
                            <template slot-scope="scope">
                                {{ scope.row.useNum + scope.row.useTmpNum }}
                            </template>
                        </el-table-column>
                    </el-table-column>
                    <el-table-column
                        label="使用时长"
                    >
                        <el-table-column
                            prop="timeUseNum"
                            label="真实数据"
                        ></el-table-column>
                        <el-table-column
                            prop="timeUseTmpNum"
                            label="设置数据"
                        ></el-table-column>
                        <el-table-column
                            label="合计"
                        >
                            <template slot-scope="scope">
                                {{ scope.row.timeUseNum + scope.row.timeUseTmpNum }}
                            </template>
                        </el-table-column>
                    </el-table-column>

                </el-table>
            </div>
        </div>

    </div>
</template>

<script>
import {TablePage} from "@/layout/mixin/iVue.js";
import {mapState} from "vuex";

export default {
    name: "GroupLogRuleData",
    components: {},
    mixins: [TablePage],
    props: {
        groupId: {
            type: Number,
            default: null
        },
        groupName: {
            type: String,
            default: null
        },
        startDay: {
            type: Object,
            default: null
        },
        endDay: {
            type: Object,
            default: null
        },
    },
    data() {
        return {
            queryData: {
                groupId: this.groupId,
                startDay: this.startDay,
                endDay: this.endDay,

            },
        };
    },
    computed: {
        ...mapState({})
    },
    watch: {},
    created() {
    },
    mounted() {
    },
    methods: {
        search(queryData) {
            this.loadTable("/user/sys/group/log/rule/getLogDetail", queryData, true,);
        },
    }
};
</script>

<style lang="scss" scoped>
.school-logo {
    .logo-uploader-icon {
        font-size: 28px;
        color: #8c939d;
        width: 108px;
        height: 108px;
        line-height: 108px;
        text-align: center;
    }

    .logo-img {
        width: 108px;
        height: 108px;
        display: block;
    }
}

.table-edit-from {
    .address-select {
        width: 8em;
        margin-right: 2em;
    }
}
</style>
<style>
.school-logo .logo-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.school-logo .logo-uploader .el-upload:hover {
    border-color: #409eff;
}
</style>
